<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/selfOrder.css">
    <title>订单处理（个人）</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="js/selfOrder.js"></script>
    <link rel="icon" href="./images/icon.png">

</head>

<body>
    <iframe src="./header.html" scrolling="no" frameborder="0" width="100%" height="45px" frameborder="0"></iframe>
    <iframe src="./personalCenter.html" scrolling="no" frameborder="0" width="100%" height="70px"
        frameborder="0"></iframe>
    <div class="selfOrder-outer">
        <div class="selfOrder-nav">
            <div id="daifukuan" class="book_type">待付款<em>0</em></div>
            <div id="daifahuo" class="book_type">待发货<em>0</em></div>
            <div id="daishouhuo" class="book_type">待收货<em>0</em></div>
            <div id="daipingjia" class="book_type">待评价<em>0</em></div>
        </div>

        <div class="selfOrder-tab" id="bookclass">
            <div id="tab" class="active">
                <table id="tab-daifukuan">
                    <tr>
                        <td><input class="checkall" type="checkbox" value="全选" />全选</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><a href="#" class="checkdel">批量删除</a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" class="sonCheck">选择</input></td>
                        <td>商品信息</td>
                        <td>商品价格</td>
                        <td>商品数量</td>
                        <td>下单时间</td>
                    </tr>
                </table>
                <input type="button" class="selfOrder-jiesuan" value="结算">
            </div>

            <div id="tab" class="book_none">
                <table id="tab-daifahuo">
                    <tr>
                        <td><input class="checkall" type="checkbox" value="全选" />全选</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><a href="#" class="checkdel">批量删除</a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" class="sonCheck">选择</input></td>
                        <td>商品信息</td>
                        <td>商品价格</td>
                        <td>商品数量</td>
                        <td>下单时间</td>
                    </tr>
                </table>
            </div>

            <div id="tab" class="book_none">
                <table id="tab-daishouhuo">
                    <tr>
                        <td><input class="checkall" type="checkbox" value="全选" />全选</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><a href="#" class="checkdel">批量删除</a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" class="sonCheck">选择</input></td>
                        <td>商品信息</td>
                        <td>商品价格</td>
                        <td>商品数量</td>
                        <td>下单时间</td>
                    </tr>
                </table>
                <input type="button" class="selfOrder-querenshouhuo" value="确认收货">
            </div>

            <div id="tab" class="book_none">
                <table id="tab-daipingjia">
                    <tr>
                        <td><input class="checkall" type="checkbox" value="全选" />全选</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><a href="#" class="checkdel">批量删除</a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" class="sonCheck">选择</input></td>
                        <td>商品信息</td>
                        <td>商品价格</td>
                        <td>商品数量</td>
                        <td>下单时间</td>
                    </tr>
                </table>
                <input type="button" class="selfOrder-qupingjia" value="去评价">
            </div>
        </div>
    </div>
    <div id="footer">
        <iframe src="footer.html" height="320px" width="100%" frameborder="0" scrolling="no"></iframe>
    </div>
</body>

</html>